/*
Theme Name: KangjianChina
Theme URI: http://lthost.taobao.com
Description: 3 column
Version: 1.0
Author: DreamC
Author URI: http://help.ltddh.com
*/
/* ==========================================================================
   Default css class & id styles: opinionated defaults
   ========================================================================== */
.clear{
	clear: both;
}
img{border: 0;}
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 0px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* { padding: 0; margin: 0; outline: 0; }
body, html {
	font-family: "微软雅黑",Helvetica,Arial,sans-serif !important;
	font-size: 12px;
	line-height: 1.43;
	color: #333;
	background-color: rgb(244,246,248);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.25s ease 0s;
}
a:hover {
	color: rgb(26,111,175);
	text-decoration: none;
}
a.button:hover{
	color: #fff;
	text-decoration: none;
}
.wrapper {
	min-height: 100%;
	width: 1100px;	
	overflow: hidden;
	position: relative;	
	margin: 0 auto;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	font-family: inherit;
}
.push{
	cursor: pointer;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	min-height: 100%;
	transition: transform 0.3s ease 0s;	
	-webkit-transform: translate3d(280px,0,0);
    -moz-transform: translate3d(280px,0,0);
    -ms-transform: translate3d(280px,0,0);
    -o-transform: translate3d(280px,0,0);
    transform: translate3d(280px,0,0);
}
/* ==========================================================================
   Dreamc 2015 main styles:
   ========================================================================== */
.space-10{
	height: 10px;
}
.header{
	height: 80px;
	width: 100%;
	background: rgb(236,235,240);
	box-shadow: 0px 1px 1px rgb(26, 111, 175);	
}
.logo{
	width: 265px;
	float: left;
	margin-top: 8px;
	height: 65px;
}
.slider-section{
	z-index: 8;
}
.main-nav{
	margin-top: -24px;
	z-index: 9;
	position: relative;
}
.main-nav ul{
	margin:0;
	background: rgb(26,111,175);
	height: 48px;
}
.main-nav ul li{
	float: left;
	height: 48px;	
	list-style: none;
}
.main-nav ul li:hover,.main-nav ul li.current-menu-item{
	background: rgba(86, 163, 219, 0.6);
}
.main-nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 48px;
	padding: 0 50px;
	font-size: 16px;
	font-weight: lighter;
}
.top_search{
	position: absolute;
	right: 15px;
	bottom: 0;
}
.top_search #s{
	height: 25px;
	border: 1px solid rgb(194,194,194);	
	background: transparent;
	padding-left: 5px;
	vertical-align: top;
}
#searchsubmit{
	width: 27px;
	height: 27px;
	border: 0px none;
	background: rgb(26, 111, 175) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	vertical-align: top;
	margin-left: -4px;
	cursor: pointer;
}
.search-button i{
	line-height: 40px;
	font-size: 1.35rem;
}
.flexslider{
	position: relative;
}
.flex-control-nav{
	width: 20%;
	position: absolute;
	left: 40%;
	bottom: 30px;
	text-align: center;	
	z-index: 2;
}
.flex-control-nav li a{
	width: 40px;
	height: 10px;
	display: block;
	background: rgb(26, 111, 175) none repeat scroll 0% 0%;
	line-height: 10px;
	color: transparent;
}
.flex-control-nav li a.flex-active{
	background: rgba(51,51,51,0.6);
	color: transparent;
}
.product-boxs{
	padding-top: 20px;
	overflow: hidden;
}
.product-boxs a img{
	width: 100%;
	height: auto;
}
.product-boxs p{
	height: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-boxs a.on-cat{
	display: block;
	padding: 10px 20px;
	border: 2px solid rgb(26, 111, 175);
	font-size: 18px;
	text-decoration: none;	
	font-weight: bold;
}
.product-boxs a.on-cat i{
	line-height: 32px;
	float: right;
	color: rgb(26,111,175);
}
.home-pbox-1,.home-pbox-2,.home-pbox-3{
	width: 27.59999999%;
	float: left;
	border: 2px solid rgb(196, 196, 196);
	padding:2%;
}
.home-pbox-2,.home-pbox-3{
	margin-left: 2%;
}
.home-pbox-1:hover,.home-pbox-2:hover,.home-pbox-3:hover{
	background: rgb(26,111,175);
	border: 2px solid rgb(26,111,175);
}
.home-pbox-1:hover p,.home-pbox-2:hover p,.home-pbox-3:hover p{
	color: #fff;
}
.home-pbox-1:hover a,.home-pbox-2:hover a,.home-pbox-3:hover a{
	color: #fff;
}
.home-pbox-1:hover a.on-cat i,.home-pbox-2:hover a.on-cat i,.home-pbox-3:hover a.on-cat i{
	color: #fff;
}
.home-pbox-1:hover a.on-cat,.home-pbox-2:hover a.on-cat,.home-pbox-3:hover a.on-cat{
	color: #fff;
	border: 2px solid rgb(255, 255, 255);
}
.home-boxs-1,.home-boxs-2{
	overflow: hidden;
}
.home-boxs-1{	
	border-bottom: 1px solid #ccc;
}
.home-boxs-1 h3{
	padding-top: 30px;
}
.home-news,.home-server{
	width: 50%;
	float: left;
	border-right: 1px solid #ccc;
}
.home-about,.home-partner{
	width: 46.88%;
	float: left;
	margin-left: 3%;
}
.box h3{
	font-size: 28px;
	font-weight: lighter;
	margin-top: 0;	
}
.home-boxs-2 h3{
	padding-top: 30px;
}
.home-news-company,.home-news-trade{
	overflow: hidden;
	margin-bottom: 15px;
}
a.news-cat-img{
    width: 35%;
    margin-right: 15%;
    display: block;
    float: left;
}
a.news-cat-img img{
	width: 100%;
	height: auto;
}
.news-box{
	float: right;
	margin-right: 5%;
	width: 45%;
}
.news-box span{
	display: block;
	padding: 10px 0px;
	border-bottom: 1px dashed #ccc;
}
.news-box span a{
	text-decoration: none;
}
.news-box span i{
	padding:0 5px;
	color: rgb(26,111,175);
}
.home-about a img{
	width: 100%;
	height: auto;
	min-height: 260px;
}
.home-about p{
	line-height: 1.7;
	letter-spacing: 1px;
	margin-top: 24px;
}
.home-contact{
	padding: 10px 0px 40px;
}
.home-contact span{
	display: block;
	font-size: 28px;
	letter-spacing: -1px;
	color: #5b5959;
}
.home-contact span a{
	text-decoration: none;
	font-size: 26px;
}
.home-contact span i{
	padding: 0 10px;
}
.footer{
	background: rgb(76, 76, 76);
	overflow: hidden;
}
.footer-content{
	overflow: hidden;
	padding: 20px 0;
}
.footer-nav{
	float: left;
	width: 70%;
}
.nav-foot{
	overflow: hidden;
	margin-left: 0
}
.nav-foot>li{
	list-style: none;
	float: left;
	width: 20%;	
}
.nav-foot>li>a{
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	padding: 3px 0;
	display: block;
}
.nav-foot ul.sub-menu{
	margin-left: 5px;
}
.nav-foot ul.sub-menu > li{
	list-style: none;
	padding: 2px 0;
}
.nav-foot ul.sub-menu > li >a{
	text-decoration: none;
	font-size: 13px;
	color: #fff;
}
.nav-foot ul.sub-menu > li >a:hover{
	text-decoration: underline;
}
.footer-search{
	float: left;
	width: 30%;
	margin-top: 10px;
}
.footer-search #s{
	width: 85%;
	height: 35px;
	padding-left: 5px;
}
.footer-search #searchsubmit{
	width: 37px;
	height: 37px;	
}
.copyright p {
    text-align: center;
    color: #f9f9f9;
}
.copyright p a{
	text-decoration: none;
	color: #f9f9f9;
}
.nav {
	background: rgb(26, 111, 175)
}
.nav ul{
	margin:0;
	background: rgb(26,111,175);
	height: 48px;	
}
.nav ul li{
	float: left;
	height: 48px;	
	list-style: none;
}
.nav ul li:hover,.nav ul li.current-menu-item{
	background: rgba(86, 163, 219, 0.6);
}
.nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 48px;
	padding: 0 50px;
	font-size: 16px;
	font-weight: lighter;
}
/* ==========================================================================
   Dreamc 2015 page styles:
   ========================================================================== */
.main{
	padding: 20px 0;
}
.page-section{
	min-height: 100%;
	width: 1280px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}
.page-nav{
	float: left;
	width: 17%;
}
.page-content{
	float: left;
	position: relative;
	width: 61%;
	margin: 0 1%;
	background: #fff;
	border-top: 3px solid rgb(26, 111, 175);
	box-shadow: 0px 0px 1px rgb(187, 187, 187) inset;
}
.page-sidebar{
	float: right;
	width: 20%;	
}
.page-nav h4{
	line-height: 35px;
	margin: 0px;
	height: 35px;
	font-size: 18px;
	font-weight: lighter;
	background: rgb(219, 222, 222);
	padding-left: 20px;
	border-top: 3px solid rgb(26, 111, 175);
}
.page-nav ul{
	margin: 0;
	background: #fff;
}
.page-nav ul li{
	list-style: none;
	position: relative;
}
.page-nav ul li > ul.children > li:hover > ul.children{
	display: block;
}
.page-nav ul li ul.children ul.children{
	display: none;
}
.page-nav ul li ul.children ul.children li a{
	padding-left: 40px;	
}
.page-nav ul li ul.children li{
	padding-left: 0;
}
.page-nav ul li ul.children li>a{
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;	
	padding-left: 30px;	
	display: block;
	border: 0;
	margin-bottom: 5px;
}
.page-nav ul li.current_page_item,.page-nav ul li.current_page_item:hover{
	background: rgb(26, 111, 175);
}
.page-nav ul li.current_page_item a{
	color: #fff;
}
.page-nav ul li>a{
	text-decoration: none;
	font-size: 14px;
	line-height: 35px;	
	padding-left: 20px;
	border-bottom: 1px solid rgb(219, 222, 222);
	border-top: 1px solid rgb(219, 222, 222);
	display: block;	
}
.page-nav ul>li>a::after{
	content: "\f0da";	
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant: normal;
	font-size: inherit;
	text-rendering: auto;
	position: absolute;
	right: 10px;
	top: 10px;
}
.page-nav ul li ul.children li>a::after{
	position: absolute;
	left: 25px;
	top: 5px;
}
.page-nav ul li ul.children ul.children li a::after{
	position: absolute;
	left: 35px;
	top: 5px;
}
.page-nav ul li:hover{
	background: rgb(26,111,175);
}
.page-nav ul li:hover >a{
	color: #fff;
}
.page-thumb img,.page-content .content img{
	width: 100%;
	height: auto;
}
.page-bread{
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid rgb(223, 225, 224);
}
.page-bread a{
	text-decoration: none;
}
.page-content .content{
	padding: 10px 20px;
}
.sidebar-boxs{
	padding: 20px 15px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-top: 3px solid rgb(26, 111, 175);
	box-shadow: 0px 0px 1px rgb(187, 187, 187) inset;
}
.sidebar-boxs a.on-cat{
	display: block;
	padding: 10px 20px;
	border: 2px solid rgb(26, 111, 175);
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 15px
}
.sidebar-boxs a.on-cat:hover{
	background:rgb(26, 111, 175);
	color: #fff;
}
.sidebar-boxs a.on-cat i{
	line-height: 22px;
	float: right;
	color: rgb(26, 111, 175);
}
.sidebar-boxs a.on-cat:hover > i{
	color: #fff;
}
.tree-pbox{
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
}
.tree-image{
	width: 40%;
	float: left;
}
.tree-image a{
	padding: 4px;
	border: 1px solid rgb(204, 204, 204);
	display: block;
}
.tree-body{
	width: 58%;
	float: left;
	margin-left: 2%;
}
.tree-body a.on-cat{
	font-size: 18px;
	text-decoration: none;
	color: rgb(26, 111, 175);
	font-weight: bold;
}
.tree-child a{
	margin-right: 10px;
	text-decoration: none;
	color: rgb(26, 111, 175);
	font-size: 1.2rem;
}
.tree-child a:hover{
	text-decoration: underline;
}
.product-list{
	margin: 0;
	overflow: hidden;
}
.product-list li{
	list-style: none;
	width: 31%;
	margin-right: 2%;
	float: left;
	margin-bottom: 5px;
	text-align: center;
}
.product-list li a.product-thumb{
	display: block;
	padding: 4px;
	border: 1px solid rgb(204, 204, 204);
}
.product-list li a.product-thumb:hover{
	border: 1px solid rgb(26,111,175);
}
.product-list li a.product-thumb img{
	width: 100%;
	height: auto;
}
.product-list li span{
	line-height: 30px;
}
.product-list li span a{
	text-decoration: none;
}
.product-list li span a:hover{
	text-decoration: underline;
	color: rgb(26,111,175);
}
/* -----------page nav-------*/
.page_navi{width:100%;height:80px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}
/*----------single product--------*/
.product-info{
	overflow: hidden;
}
.product-slider{
	width: 55%;
	float: left;
	margin: 2% 2.5%;
}
#carousel{
	margin-top: 5px;
}
#carousel .flex-direction-nav a,#partner-slider .flex-direction-nav a{
	width: 25px;
	height: 25px;
	display: block;
	background: transparent url("images/arr-25.png") no-repeat scroll 0px 0px;
	top: 35%;
	margin-top: 0;
}
#partner-slider .flex-direction-nav a{
	top: 17px;
}
#carousel .flex-direction-nav .flex-next,#partner-slider  .flex-direction-nav .flex-next{
    background-position: right 0px;
}
#carousel .flex-direction-nav .flex-prev {
    background-position: left 0px;
}
#carousel .slides li{
	border: 1px solid #ccc;
	margin-left:2px;
}
#partner-slider .slides li{
	border: 1px solid #ccc;
	margin-left:2px;
}
#partner-slider .slides li:hover,#carousel .slides li:hover{
	border:1px solid rgb(26,111,175);
}
.product-meta{
	width: 40%;
	float: right;
	margin-top: 2%;
	position: relative;
	overflow: hidden;
	height: 420px;
}
.meta-pro-next{
	position: absolute;
	bottom: 10px;
}
.meta-contact{
	margin-top: 10px;
	margin-left: 10px;
}
.meta-pro-next span a{
	text-decoration: none;
	color: rgb(26,111,175);
}
.product-meta span{
	display: block;
	padding: 3px 5px;
	font-size: 1.2rem;
}
.product-meta span strong{
	color: rgb(26,111,175);
}
.product-meta span strong a{
	text-decoration: none;
	color: rgb(26,111,175);
	margin-left: 5px;	
}
.product-detail{
	margin: 0 2.5%;
	border-bottom: 1px solid rgb(26, 111, 175);
}
.product-detail h3{
	display: block;
	margin: 0px;
	padding: 5px 10px;
	min-width: 60px;
	max-width: 100px;
	background: rgb(26, 111, 175) none repeat scroll 0% 0%;
	color: rgb(255, 255, 255);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
}
.product-detail h3::after{
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top:10px solid rgb(26, 111, 175);
	font-size: 0px;
	line-height: 0px;
	bottom: -10px;
	left: 40%;
}
.post-tags{
	margin: 20px 2.5%;
	font-size: 13px;
}
.post-tags strong{
	margin-right: 10px;
}
.post-tags a{
	text-decoration: none;
	margin-right: 5px;
}
.post-meta{
	text-align: center;
	margin: 0 2.5%;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}
.post-meta span a{
	text-decoration: none;
	margin-left: 5px;	
}
.post-list{
	margin: 0px;
}
.post-list li{
	list-style: none;
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
}
.post-list li i{
	color: rgb(26,111,175);
}
.post-list span.date{
	float: right;
}
.post-list li a{
	text-decoration: none;
}
.back{
	position: absolute;
	top: 50%;
	left: 40%;
}
.back strong{
	font-size: 20px;
	font-weight: lighter;
}
.home-boxs-3{
	border-bottom: 1px solid rgb(204, 204, 204);
	padding-bottom: 30px;
}
.home-boxs-3 h3{
	font-size: 28px;
	font-weight: lighter;
	margin-top: 0px;
	padding-top: 30px;
}
#home-product-slider .flex-direction-nav a{
	top: 35%;
	margin-top: 0;
}
#home-product-slider .slides li{
	border: 1px solid #ccc;
	margin-left:2px;
}
#home-product-slider .slides li:hover{
	border:1px solid rgb(26,111,175);
}
.lang-nav{
	position: absolute;
	right: 15px;
}
.header-menu{
	margin: 10px 0px;
	overflow: hidden;
}
.header-menu li{
	list-style: none;
	float: left;
	margin-left: 20px;
}
.header-menu li a{
	text-decoration: none;
}
/* ==========================================================================
   Media 768->1024px style:
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1000px) {
    
}
/* ==========================================================================
   Media 640->767px style:
   ========================================================================== */
@media screen and (min-width: 640px) and (max-width: 767px) {
    
}
/* ==========================================================================
   Media 560->639px style:
   ========================================================================== */
@media screen and (min-width: 560px) and (max-width: 639px) {
    
}
/* ==========================================================================
   Media 480->559px style:
   ========================================================================== */
@media screen and (min-width: 480px) and (max-width: 559px) {
    	
}
/* ==========================================================================
   Media 320->479px style:
   ========================================================================== */
@media screen and (min-width: 320px) and (max-width: 479px) {
    

}